<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>spoken</title>
    <link rel="icon" type="image/png" href="images/88.jpg" />
    <style>
        body {
           background-color: pink;
           background-image: url(images/888.jpg);
           background-repeat: no-repeat;
           background-position: center center;
        }
        a {
            text-decoration: none;
            color: red;
        }
        a:hover {
            background-color: green;
        }
        h1 {
            text-align: center;
        }
       dl {
           font-size: 20px;
       }
       ul {
           font-size: 20px;
       }
    </style>
</head>
<body>
    <!-- 定义一个h1标签，再定义三个自定义列表和一个无序列表 -->
    <h1>一口流利的英语你值得拥有</h1>
    <dl>
        <dt><a href="http://www.meten.com/ai/oral.html?tid=63-222597-3295-60190778&utm_source=baidu-pc&utm_medium=cpc&utm_term=%E5%9F%BA%E7%A1%80%E8%8B%B1%E8%AF%AD%E5%8F%A3%E8%AF%AD%E7%BB%83%E4%B9%A0&utm_content=%E9%80%9A%E7%94%A8baidu%2Dpc%2D1&utm_adgroup=%E8%8B%B1%E8%AF%AD%E5%8F%A3%E8%AF%AD&bd_vid=10007598741817183079" target="_blank">基础</a></dt>
        <dd>学会表达自己：初级</dd>
        <dd>学会表达自己：进阶</dd>
    </dl>
    <dl>
        <dt><a href="https://www.51talk.com/landing/bdshpc-126473.html?bd_vid=9933225610193447995" target="_blank">美语</a></dt>
        <dd>校园生活口语：课外生活</dd>
        <dd>校园生活口语：学习</dd>
    </dl>
    <dl>
        <dt><a href="http://www.meten.com/ai/commerce.html?tid=63-93923-6182-70138918&utm_source=baidu-pc&utm_medium=cpc&utm_term=%E5%95%86%E5%8A%A1%E8%8B%B1%E8%AF%AD%E5%8F%A3%E8%AF%AD%20%E5%9F%B9%E8%AE%AD&utm_content=%E9%80%9A%E7%94%A8baidu%2Dpc%2D1&utm_campaign=%E3%80%96%E5%9B%9B%E9%98%B6%E6%AE%B5%E3%80%97%E5%95%86%E5%8A%A1&utm_adgroup=%E5%95%86%E5%8A%A1%2D%E5%9F%B9%E8%AE%AD&bd_vid=10298374100353656653" target="_blank">商务</a></dt>
        <dd>商务礼节</dd>
    </dl>
    <ul>
        <li>更多课程敬请期待</li>
    </ul>
</body>
</html>